<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>ROYAL HOTEL</title>
    <link rel="stylesheet" href="css/about.css"/>

</head>
<body>
<div class="first-floor">
    <div class="main-bg">
        <!--标题-->
        <div class="title-0">
            <img src="image/Logo.png" alt=""/>
            <ul>
                <li >
                    <a href="">首页</a>
                </li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="ACCOMODATION.html">住宿设施</a></li>
                <li><a href="Gallery.html">酒店画廊</a></li>
                <li class="menu"><a href="" data-trigger="dropdown">酒店日志</a>
                    <ul class="sub">
                        <li><a href="blog.html">公告</a></li>
                        <li><hr></li>
                        <li><a href="">客户评价</a></li>
                    </ul>
                </li>
                <li><a href="login.html">登录</a></li>
            </ul>
        </div>
        <!--内容主体-->
        <div class="body-0">
            <div class="body-1">关于我们</div>
        </div>
    </div>
</div>
<div class="four-floor">
    <div class="left-part">
        <h4>关于我们</h4>
        <h4>酒店历史</h4>
        <h4>酒店宗旨</h4>
        <div>我们相信细节决定品质，匠心成就非凡。所谓“匠心”，并不仅仅是卓越的美食、抑或高雅的装潢，更是每一位酒店员工为难忘宾客体验投入的满腔热情和非凡贡献。</div>
    </div>
    <div class="right-part">
        <img src="image/about_bg.jpg" alt=""/>
    </div>
</div>
<div class="five-floor">
    <h6>客户评价</h6>
    <p>客户评价内容</p>
    <div class="float-screen">
        <div class="screen-container">
            <div>
                <img  src="#" alt="">
                <p>客户评价 </p>
                <h4 >客户姓名</h4>
            </div>
            <div>
                <img  src="#" alt="">
                <p>客户评价内容 </p>
                <h4 >客户姓名</h4>
            </div>
            <div>
            <img  src="#" alt="">
            <p>评价内容 </p>
            <h4 >客户姓名</h4>
             </div>
            <div>
                <img  src="#" alt="">
                <p>评价内容</p>
                <h4 >客户姓名</h4>
            </div>
        </div>
    </div>
        <div class="last-menu">
            <a href="#"></a>
            <a href="#"></a>
        </div>
</div>
<div class="six-floor">
    <h6>广告</h6>
    <p>广告</p>
    <div class="main-content">
        <div>
            <img  src="image/blog/blog-1.jpg" alt="">
            <div class="tags">
                <span>广告</span>
                <span>广告</span>
            </div>
            <h6>广告</h6>
            <p>广告</p>
            <p>广告</p>
        </div>
        <div>
            <img  src="image/blog/blog-2.jpg" alt="">
            <div class="tags">
                <span>广告</span>
                <span>广告</span>
            </div>
            <h6>广告</h6>
            <p>广告</p>
            <p>广告</p>
        </div>
        <div>
            <img  src="image/blog/blog-3.jpg" alt="">
            <div class="tags">
                <span>广告</span>
                <span>广告</span>
            </div>
            <h6>广告</h6>
            <p></p>
            <p></p>
        </div>
    </div>
</div>
    <div id="footer"></div>
    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/main.js"></script>
    <script src="js/footer.js"></script>
</body>
</html>